<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JQuery基础语法</title>
		<script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<button id="btn">JQuery按钮</button>
		<script>
			// JQuery:基础语法  注释：JQuery与JavaScript本质，注释沿用JavaScript注释
			/* 多行文本 */
			// 工厂函数  首行位置   两种使用方式  作用：表示JQuery对象，抓取页面元素
			/* 工厂函数【两种使用方式】
			 *    ①$("选择器")或$("选择题")     常用
			 *    注意：单双引号主要为了区分嵌套问题
			 *    ②jquery("选择器")或$("选择器")   不常用
			 */
			// $('button').click(function(){ 
				/* 逻辑+DOM或者BOM */
				//alert("hello JQuey");   代表BOM层  输出语句
			//	document.write("<marquee>跑马灯....</marquee>");   ---代表BOM层 输出语句
			//	});
				// ②jQuery("选择器")或$("选择器") 
				jQuery('#btn').click(function(){
			//		console.log("你猜我在哪里~");---代表ECMAScript  5.0语法  输出语句
				});
				
				/* JQ基础语法
				 工厂函数[2种]，事件源[4类，15种](function(){
					JQ 逻辑：包含 DOM+逻辑与 BOM+逻辑
				});
				 */
		</script>
	</body>
</html>